<template>
  <div>
    <Menu />
    <div class="container">
      <div class="row">
        <div class="item cols-lg-2 col-md-3 col-sm-4"></div>
        <div class="item cols-lg-2 col-md-3 col-sm-4"></div>
        <div class="item cols-lg-2 col-md-3 col-sm-4"></div>
        <div class="item cols-lg-2 col-md-3 col-sm-4"></div>
        <div class="item cols-lg-2 col-md-3 col-sm-4"></div>
      </div>
    </div>
  </div>
</template>

<script>
import Menu from '@/components/Menu'
export default {
  name: 'BootStrap',
  components: {
    Menu
  }
}
</script>

<style scoped>
.container {
  border: 1px solid lightcoral;
}
.item {
  height: 100px;
  border: 1px solid lightskyblue;
}
</style>
